import React from "react";
import WeUI from 'react-weui'
import { useNavigate } from "react-router-dom";
import book1 from "../assets/images/book1.jpg"
const {
    MediaBox,
    MediaBoxHeader,
    MediaBoxBody,
    MediaBoxTitle,
    MediaBoxDescription
} = WeUI
const BDBookItem = () => {
    const navigate = useNavigate();
    const gotoDetail =() => {
        navigate('/detail')
    }
    return (
        <MediaBox type = "appmsg" onClick = {gotoDetail}>
            <MediaBoxHeader>
                <img src = {book1}/>
            </MediaBoxHeader>
            <MediaBoxBody>
            <MediaBoxTitle>浪潮之巅</MediaBoxTitle>
            <MediaBoxDescription></MediaBoxDescription>
            </MediaBoxBody>
        </MediaBox>
    )
}
export default BDBookItem